.content{
    position: relative;
}
.input-search{
    border: 1px solid #ccc;
    width: 80%;
    text-align: left;
    padding-left: 10px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
}
.showDetails{
    /* background: gray; */
border-top: 1px solid #ccc;
    width: 100%;
    height: 200px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    /* overflow: hidden; */
}
.showDetails>ul{
    width: 33.3%;
    text-align: center;
    margin-top: 20px;
    overflow: scroll;
}
.showDetails>ul>li{
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
    transition: all .8s ease;
  }
  .slide-fade-leave-active {
    transition: all .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
  }
  .slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateY(200px);
    opacity: 0;
  }
  .header-detail{
       background: #eee;
       width: 100%; 
       font-size: 15px;
  
       position: absolute
  }
  .header-detail .btn{
      background: #eee;
      color: rgb(161, 159, 159); 
  }
  .header-detail .btn-cancel{
      float: left;
      padding-left: 10px;
  }
  .header-detail .btn-sure{
    float: right;
    padding-right: 10px;
} 